<div class="row h-100">
  <div class="col-6">
    <canvas
      [data]="topVulnerableNodesChartData.data"
      [labels]="topVulnerableNodesChartData.data.labels"
      [options]="topVulnerableNodesChartData.options"
      [type]="topVulnerableNodesChartData.type"
      baseChart>
    </canvas>
  </div>
  <div class="col-6">
    <canvas
      [data]="topVulnerableImagesChartData.data"
      [labels]="topVulnerableImagesChartData.data.labels"
      [options]="topVulnerableImagesChartData.options"
      [type]="topVulnerableImagesChartData.type"
      baseChart>
    </canvas>
  </div>
</div>
<div
  style="
        width: 700px;
        height: 250px;
        position: absolute;
        left: 0;
        top: 0;
        visibility: hidden;
      "
>
  <canvas
    [data]="topVulnerableNodesChartData.data"
    [labels]="topVulnerableNodesChartData.data.labels"
    [options]="topVulnerableNodesChartData.options"
    [type]="topVulnerableNodesChartData.type"
    baseChart
    id="vulnNodesBarPDF"
  >
  </canvas>
</div>
<div
  style="
        width: 700px;
        height: 250px;
        position: absolute;
        left: 0;
        top: 0;
        visibility: hidden;
      "
>
  <canvas
    [data]="topVulnerableImagesChartData.data"
    [labels]="topVulnerableImagesChartData.data.labels"
    [options]="topVulnerableImagesChartData.options"
    [type]="topVulnerableImagesChartData.type"
    baseChart
    id="vulnImagesBarPDF"
  >
  </canvas>
</div>
